<template>
  <div>
    <div v-bind:class="attr" v-bind:id="dynamicId"> {{ msg }}</div>
    <button :disabled="isButtonDisabled">按钮</button>
    <div v-bind="objOfAttr">动态绑定多个属性</div>
  </div>

</template>

<script>
export default {

  data(){

  return{
    msg: 'HelloWorld',
    attr:'active',
    dynamicId: '123',
//为true时按钮失效，为false时按钮有效
    isButtonDisabled: false,
    objOfAttr:{
      id: '456',
      class: 'active'
    }
  }
  
  }
}
</script>
